<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- SlidesJS Required (if responsive): Sets the page width to the device width. -->
<meta name="viewport" content="width=device-width">
<!-- End SlidesJS Required -->
<title>BidOn - Portal Social de Subastas en Línea</title>
<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,500,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="css/font-awesome.min.css">
</head>
<body>
<div class="wrapper-container">
  <div class="wrapper-header">
    <div class="header">
    <a href="#"><img src="img/logoBidOn.png" hspace="15" vspace="10" border="0" /></a>
      <ul class="mainmenu">
        <li><a href="#">Inicio</a></li>
        <li><a href="#">Categoría</a></li>
        <li><a href="#">Producto</a></li>
        <li><a href="#">Opiniones</a></li>
        <li><a href="#">Contacto</a></li>
      </ul>
      <ul class="submainmenu">
        <li><a href="#">Carrito</a></li>
        <li><a href="#">Ingresar</a></li>
        <li><a href="#">Salir</a></li>
      </ul>
    </div>    
  </div>
  <div class="wrapper-content">  
    <div class="wrapper-slides">
    
          <!-- SlidesJS Required: Start Slides -->
      <!-- The container is used to define the width of the slideshow -->
      <div class="container">
        <div id="slides"> <img src="img/slide1.jpg" alt="Subasta 1"> <img src="img/slide2.jpg" alt="Subasta 2"> <img src="img/slide3.jpg" alt="Subasta 3"> <img src="img/slide4.jpg" alt="Subasta 4"> <a href="#" class="slidesjs-previous slidesjs-navigation"><i class="icon-chevron-left icon-large"></i></a> <a href="#" class="slidesjs-next slidesjs-navigation"><i class="icon-chevron-right icon-large"></i></a> </div>
      </div>
      <!-- End SlidesJS Required: Start Slides -->
      <!-- SlidesJS Required: Link to jQuery -->
      <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
      <!-- End SlidesJS Required -->
      <!-- SlidesJS Required: Link to jquery.slides.js -->
      <script src="js/jquery.slides.min.js"></script>
      <!-- End SlidesJS Required -->
      <!-- SlidesJS Required: Initialize SlidesJS with a jQuery doc ready -->
      <script>
    $(function() {
      $('#slides').slidesjs({
        width: 960,
        height: 320,
        navigation: false
      });
    });
  </script>
      <!-- End SlidesJS Required -->
     <div class="searchbox"><input name="search" type="text" value="Buscar..." size="50" maxlength="50" /></div>
    </div>
        <div class="content">
          <h2>comentarios</h2>
          <div class="comentarios">
            	<div class="user"><img src="img/user.gif" width="150" height="150"><span class="username">Convallis Faucibus</span></div>
                <div class="info">
                <div class="stars"><span class="tagname">Califica este comentario</span><span class="starOn">&nbsp;</span><span class="starOn">&nbsp;</span><span class="starOn">&nbsp;</span><span class="starOff">&nbsp;</span><span class="starOff">&nbsp;</span></div>
                <h3>Vivamus tincidunt orci vel bibendum dictum</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu ligula neque. Etiam nec vulputate risus. Pellentesque a pharetra justo. Duis sit amet mattis libero. Mauris iaculis fermentum augue non finibus. Vivamus vitae quam quis nisl semper aliquam sed vel elit. In laoreet leo nec erat viverra elementum. </p>
                </div>
          </div>
<div class="comentarios">
            	<div class="user"><img src="img/user.gif" width="150" height="150"><span class="username">Convallis Faucibus</span></div>
                <div class="info">
                <div class="stars"><span class="tagname">Califica este comentario</span><span class="starOn">&nbsp;</span><span class="starOn">&nbsp;</span><span class="starOn">&nbsp;</span><span class="starOff">&nbsp;</span><span class="starOff">&nbsp;</span></div>
                <h3>Sed ornare, lectus eget gravida bibendum</h3>
                <p>Phasellus eros urna, viverra eget dignissim sit amet, dapibus ut ipsum. Nam interdum dolor eget felis consectetur, in porttitor lectus consectetur. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus dignissim id nisl et efficitur. </p>
                </div>
          </div>
<div class="comentarios">
            	<div class="user"><img src="img/user.gif" width="150" height="150"><span class="username">Convallis Faucibus</span></div>
                <div class="info">
                <div class="stars"><span class="tagname">Califica este comentario</span><span class="starOn">&nbsp;</span><span class="starOn">&nbsp;</span><span class="starOn">&nbsp;</span><span class="starOff">&nbsp;</span><span class="starOff">&nbsp;</span></div>
                <h3>Praesent eu rutrum augue, ac dictum turpi</h3>
                <p>Phasellus eros urna, viverra eget dignissim sit amet, dapibus ut ipsum. Nam interdum dolor eget felis consectetur, in porttitor lectus consectetur. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus dignissim id nisl et efficitur. </p>
                </div>
          </div>
        </div>
  </div>
  <div class="wrapper-footer">
    <div class="footer">
    </div>
    <div class="copyright"><p>Derechos Reservados 2015 - BidOn - Portal Social de Subastas en Línea</p></div>
  </div>
</div>
</body>
</html>
